<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="renderer" content="webkit"> 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> 
<meta name="format-detection" content="telephone=no" /> 
<link rel="shortcut icon" href="images/logo.ico" />
<title>闪度生活</title>
<meta name="keywords" content=" " />
<meta name="description" content=" " />


<link rel="stylesheet" type="text/css" href="css/common.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="css/font-awesome.css">
<link rel="stylesheet" type="text/css" href="css/swiper-3.4.1.min.css">
<link rel="stylesheet" type="text/css" href="css/style.css">

<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/jquery-ui.min.js"></script>
<script src="js/easing.js"></script>
<script src="js/swiper-3.4.1.min.js"></script>
<script src="js/index.js"></script>
<script src="js/main.js"></script>

<script src="./js/vue.js"></script>
<script src="./js/axios.min.js"></script>
<script src="./js/axios-config.js"></script>
<script src="./js/js.cookie.js"></script>
<script src="./js/utils.js"></script>

</head>

<body>

<div id="app" v-cloak>

<!--  / header  -->
<div class="header_longevity">
    <div class="header_map_longevity">   
        <img src="images/jiantou.png" alt="">
        <span>返回</span>
    </div>
    <div class="logo_longevity">热门故事</div>  
</div>
<!--  / header  -->


<div class="InformationClassify">
    <div class="stroy1_hot_box clearfix" v-for="items3 in stroy_hotList" @click="goInner(items3.oldstory_id)">
      <a href="stroy1_inner.html">
      <div class="stroy1_hot_img">
        <img :src="items3.pic" width="100%">
      </div>
      <div class="stroy1_hot_text">
        <h5>{{items3.title}}</h5>
        <p class="text">
          {{items3.content}}
        </p>
        <div class="stroy_function clearfix">
          <span class="left">人气：{{items3.popularity}}</span>
          <span class="right">编号：{{items3.number}}</span>
        </div>
      </div>
      </a>
    </div>

</div>

</div>
</body>
<script>
$(window).ready(function(){

    var vm = new Vue({
        el:"#app",
        data(){
          return{
            stroy_hotList:[],
          }
        },
        created:function(){
          var $this = this;
          $this.getAllList();
                                         
        },
        mounted:function(){
          
        },
        methods:{
          //热门老故事列表
          getAllList:function(){
            var $this = this;
            const data = {
                cate_id:getCookie("cateId"),
                city:sessionStorage.getItem("cityLocation"),
            }
            Axios.post(window.Url.stroy_hotList,data).then((res) => {
              
              if(res.result == 1){
                $this.stroy_hotList = res.info.oldstory;                                 
              }else
              {
                console.log("热门老故事列表:"+res.info);
              }
              
            }).catch((err) => {
              console.log("热门老故事列表:"+err);
            })
          
          },
         
        }

    })

$('.banner').height($(window).width()*400/750);

var mySwiper_banner = new Swiper ('.swiper-container-banner', {
    loop: true,
    pagination: '.swiper-pagination-banner',
	autoplay : 5000,
	autoplayDisableOnInteraction : false,
})
$('.header_map_longevity').click(function(){
    history.go(-1);
});
$('.longevity1 li').click(function(){
    window.location.href = "InformationDetails.html";
});
$('.InformationClassify1').click(function(){
    var str1=$(this).find('.InformationClassify1-text').html();
    sessionStorage.setItem('title1',str1);
    window.location.href = "longevity1.html";
})

  
})  
</script>
</html>
